import styled from "styled-components";
import  style from '../../../assets/global-style'

export const ClassifyBox = styled.ul`
  display: flex;
  justify-content:space-between;
  align-items: center;
  width: 250%;
  height: 4.5rem;
  padding:0 0.5rem;
  & .classify_item{
    background:${style["dynamics-color-1"]};
    margin:0 0.3rem;
    text-align: center;
    border: 0.125rem solid gold;
    border-radius: 10px;
    flex: 1;
  }
  & .classify_icon {
    width:3rem;
    height:3rem;
    padding-bottom:0.5rem;
    margin:0 auto;
  }
   .icon {
    width:3rem ;
    height:3rem;
  }
   .classify_text {
    font-size: 14px;
    color:gold;
    font-style: italic;
  }
`;
